<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- css提供5个定位方式：1浮动定位  floot属性
		                                 none 默认不浮动
										 left 左浮动
										 right 右浮动
						clear属性
						左右：清除浮动
						left 左浮动
						right 右浮动
						both 左右浮动
		      概念：让元素脱离文档流的一种定位方式
		         浮动元素可以向左 向右
				 通常用于左右布局 图片与文本环绕...
				 注意：一旦元素加了浮动 元素变成块级元素
		                       2相对定位
							   3绝对定位
							   4普通流定位 （文档）  按照元素分类进行定位
							   5固定定位  元素钉死在页面
							   主要功能：页面元素布局 
							   -->
	        <link rel="stylesheet" href="css/定位.css">
			<style>
				
				
				
			</style>	
	</head>
	<body>
		<div class="d1">1</div>
		<div class="d2">2</div>
		<div class="d3">3</div>
		<div class="d4">4</div>
	</body>
</html>